
.bcolorfff{
	background-color: white;
}

.bcolorF4F5F9{
	background-color: #F4F5F9;
}

.bcolorDE2626{
	background-color: #DE2626;
}

.bcolorF5F5F5{
	background-color: #F5F5F5;
}

.bge5e5e5{
	background-color: #e5e5e5;
}

.bgfffff{
	background-color: #ffffff;
}

.bcolor63B0FF{
	background-color: #63B0FF;
}

.white{
	color: white;
}

.black{
	color: black;
}

.colorffffff{
	color: #ffffff;
}

.color56A5FF{
	color: #56A5FF;
}

.color121826{
	color: #121826;
}

.color307DCC{
	color: #307DCC;
}

.color3C9CFF{
	color: #3C9CFF;
}

.color245E99{
	color: #245E99
}

.colorA6A6A6{
	color: #A6A6A6;
}

.colorED7B2F{
	color: #ED7B2F;
}

.colorFFBF0D{
	color: #FFBF0D;
}

.color1A85EF{
	color:#1A85EF;
}

.color222{
	color: #222;
}

.color666{
	color:#666666;
}

.color3D444D{
	color: #3D444D;
}

.color8C9198{
	color: #8C9198;
}

.color999{
	color: #999;
}

.colorBDC4CE{
	color: #BDC4CE;
}

.color323233{
	color: #323233;
}

.colorC5E1FF{
	color: #C5E1FF;
}

.color50A6FF{
	color: #50A6FF;
}
.color969799{
	color: #969799;
}

.bg63B0FF{
	background-color: rgba(99, 176, 255, 0.1);
}

.bgDCDEE0{
	background-color: #DCDEE0;
}

.bgF3F9FF{
	background-color: #F3F9FF;
}

.bgF5F5F5{
	background-color: #F5F5F5;
}

.bgECF5FF{
	background-color: #ECF5FF;
}

.bg3C9CFF{
	background-color: #3C9CFF;
}

.bg50A6FF{
	background-color: #50A6FF;
}

.bg0078BB-003E94{
		background: linear-gradient(90deg, #0078BB 0%, #003E94 100%);
		

}

.bg22222222222222{
		background: linear-gradient(222deg, #E3D694 3.79%, #E7AD68 97.63%), #FAFAFA;

}

.font10{
	font-size: 20rpx;
}

.font11{
	font-size: 22rpx;
}

.font14{
	font-size: 28rpx;
}

.font12{
	font-size: 24rpx;
}

.font13{
	font-size: 26rpx;
}
.font14{
	font-size: 28rpx;
}
.font15{
	font-size: 30rpx;
}
.font16{
	font-size: 32rpx;
}
.font17{
	font-size: 34rpx;
}
.font18{
	font-size: 36rpx;
}
.font20{
	font-size: 40rpx;
}

.font22{
	font-size: 22px;
}


.font24{
	font-size: 24px;
}

.font36{
	font-size: 72rpx;
}

.font64{
	font-size: 128rpx;
}

.font72{
	font-size: 144rpx;
}


.fontYouShe{
	font-family: 'YouShe';
}

.font-bold{
	font-weight: bold;
}
.font-w400{
	font-weight: 400;
}

.border-radius0{
	border-radius: 0rpx;
}

.border-radius{
	border-radius: 20rpx;
}

.border-radius2{
	border-radius: 4rpx;
}

.border-radius4{
	border-radius: 8rpx;
}

.border-radius8{
	border-radius: 16rpx;
}

.border-radius-td40{
	border-radius: 40rpx 40rpx 0rpx 0rpx;
}

.border-radius-td20{
	border-radius: 20rpx 20rpx 0rpx 0rpx;
}

.border-radius-td4{
	border-radius: 8rpx 8rpx 0rpx 0rpx;
}

// .flex{
// 	display: flex;
// 	flex: 1;
// }

.flex-between{
	display: flex;
	justify-content: space-between;
}

.flex-around{
	display: flex;
	justify-content: space-around;
}

.flex-row{
	display: flex;
	flex-direction: row;
}

.flex-column{
	display: flex;
	flex-direction: column;
}

.flex-end{
	display: flex;
	justify-content: flex-end;
}

.flex-wrap{
	display: flex;
	flex-wrap: wrap;
}

.align-center{
	display: flex;
	align-items: center;
	justify-content: center;
}

.vAlign-center {
	display: flex;
	justify-items: center;
	align-items: center;
}

.height60{
	height: 120rpx;
}

.hp32{
	height: 64rpx;
}

.ml5{
	margin-left: 10rpx;
}

.ml9{
	margin-left: 18rpx;
}

.mlr10{
	margin: 0 20rpx;
}

.ml10{
	margin-left: 20rpx;
}

.ml24{
	margin-left: 48rpx;
}

.ml28{
	margin-left: 56rpx;
}

.ml16{
	margin-left: 32rpx;
}

.ml12{
	margin-left: 24rpx;
}

.ml17{
	margin-left: 34rpx;
}

.mr5{
	margin-right: 10rpx;
}

.mr8{
	margin-right: 16rpx;
}

.mr20{
	margin-right: 40rpx;
}

.mr16{
	margin-right: 32rpx;
}

.mt1{
	margin-top: 2rpx;
}

.mt6{
	margin-top: 12rpx;
}

.mt7{
	margin-top: 14rpx;
}

.mt10{
	margin-top: 20rpx;
}

.mt16{
	margin-top: 32rpx;
}

.mt27{
	margin-top: 54rpx;
}

.mt30{
	margin-top: 60rpx;
}


.mt20{
	margin-top: 40rpx;
}

.mt10{
	margin-top: 20rpx;
}

.mt14{
	margin-top: 28rpx;
}


.mt5{
	margin-top: 10rpx;
}

.mt7{
	margin-top: 14rpx;
}

.mt12{
	margin-top: 24rpx;
}

.mt80{
	margin-top: 160rpx;
}
.mt50{
	margin-top: 100rpx;
}

.mt100{
	margin-top: 100px;
}

.mt30{
	margin-top: 60rpx;
}

.mb1{
	margin-bottom: 1rpx;
}

.mb5{
	margin-bottom: 10rpx;
}

.mb10{
	margin-bottom: 20rpx;
}

.mb12{
	margin-bottom: 24rpx;
}

.mb30{
	margin-bottom: 60rpx;
}


.plr5{
	padding: 0 10rpx 0 10rpx;
}

.pt7{
	padding-top: 14rpx;
}
.pt8{
	padding-top: 16rpx;
}
.plr10{
	padding: 14rpx 20rpx;
}

.ptl5{
	padding: 10rpx 16rpx;
}

.pa5{
	padding: 10rpx;
}

.pa10{
	padding: 20rpx;
}

.plrt5{
	padding: 10rpx 10rpx 0 10rpx;
}

.pl8{
	padding-left: 16rpx;
}

.pl16{
	padding-left: 32rpx;
}

.pb7{
	padding-bottom: 14rpx;
}
.pb12{
	padding-bottom: 24rpx;
}

.pb20{
	padding-bottom: 40rpx;
}

.pb0{
	padding-bottom: 0rpx;
}

.pb5{
	padding-bottom: 10rpx;
}

.plr30{
	padding: 0 60rpx 0 32rpx;
}

.plr16{
	padding: 0 32rpx 0 32rpx;
}

.pa16{
	padding: 40rpx 32rpx 32rpx 32rpx;
}

.ptlr15{
	padding: 32rpx 32rpx 0 32rpx;
}

.pt0{
	padding-top: 0;
}
.pt16{
	padding-top: 32rpx;
}

.pt30{
	padding-top: 60rpx;
}

.pa8{
	padding: 16rpx;
}

.pr10{
	padding-right:20rpx ;
}

.pr18{
	padding-right: 36rpx;
}

.pr16{
	padding-right: 32rpx;
}

.pr26{
	padding-right: 52rpx;
}

.ptb-3402432{
	padding: 34rpx 0 24rpx 32rpx;
}

.mtb-34032{
	margin: 34rpx 0 32rpx 32rpx;
}

.ptb-36-34{
	padding: 36rpx 0 34rpx 32rpx;
}

.ml6{
	margin-left: 12rpx;
}

.mlr5{
	margin-left: 5rpx;
	margin-right: 5rpx;
}

.mlr16{
	margin-left: 32rpx;
	margin-right: 32rpx;
}

.w1400{
	width: 1400px;
}

.wp110{
	width: 110rpx;
}

.wp130{
	width: 130rpx;
}
.wp150{
	width: 150rpx;
}

.w50p{
	width: 50%;
}

.w80p{
	width: 80%;
}

.w100p{
	width: 100%;
}

.hp44{
	height: 88rpx;
}

.hp40{
	height: 80rpx;
}

.wh20{
	width: 40rpx;
	height: 40rpx;
}

.wh40{
	width: 80rpx;
	height: 80rpx;
}

.wh50{
	width: 50rpx;
	height: 50rpx;
}

.wh22{
	width: 55rpx;
	height: 55rpx;
}

.wh24{
	width: 48rpx;
	height: 48rpx;
}

.wh80{
	width: 160rpx;
	height: 160rpx;
}

.wh100{
	width: 200rpx;
	height:200rpx;
}

.h100p{
	
	height:100%;
}

.w100{
	width: 100%;
}

.wh100p{
	width: 100%;
	height: 100%;
}

.item-p{
	padding: 28rpx 32rpx;
}

.border-bottom{
	border-bottom: 2rpx solid rgba(20, 19, 18, 0.10);
}


.absolute{
	position: absolute;
}

.relative{
	position: relative;
}

.fixed{
	position: fixed;
}



.container{
	padding: 20rpx 32rpx;
	font-size: 26rpx
}

.btn2{
	width: 128rpx;
	height: 48rpx;
}

.btn{
	padding: 18rpx 22rpx;
	border-radius: 30rpx;
	border: 2rpx solid #50A6FF;
	color: #50A6FF;
	line-height: 30rpx;
}

.searchInput{
		padding: 32rpx 20rpx;
	}

.search{
	height: 64rpx;
	border-radius: 32rpx;
	padding-left: 20rpx;
	padding-right: 20rpx;
}

.searchBd2{
	height: 64rpx;
	border-radius: 4rpx;
	padding-left: 20rpx;
	padding-right: 20rpx;
}

.tabItem{
	color: #323233;
	background-color: #EBEBEB;
}

.selTabItem{
	color: #FFFFFF;
	background-color: #50A6FF;
}

.lineHeight30{
	line-height: 60rpx;
}

.lineHeight40{
	line-height: 80rpx;
}

.lineHeight22{
	line-height: 44rpx;
}

.top0{
	top:0
}

.a-left-0{
	position: absolute;right: 0;
}

.l-t-triangle {
		background-image: url("../img/triangle.png");
		background-repeat: cover;
		position: absolute;
		top: 0;
		left: 0;
		width: 64rpx;
		height: 64rpx;
		background-size: 100% 100%;
		background-color: rgba(0, 0, 0, 0);
		
	}
	
	.input-container{
		position: relative;
	}
	
	.border-radius-top4{
		border-radius: 8rpx 8rpx 0rpx 0rpx;
	}
	
	.border-radius-bottom4{
		border-radius:0rpx 0rpx 8rpx 8rpx ;
	}
	
	
		
		.custom-switch {
			position: relative;
			width: 116rpx;
			height: 52rpx;
			background-color: #3C9CFF;
			border-radius: 126rpx;
			overflow: hidden;
		}
	
		.custom-switch-checked {
			background-color: #DBE1E9;
	
		}
	
		.custom-switch-handle {
			position: absolute;
			top: 7rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			width: 40rpx;
			height: 40rpx;
			background-color: #FFFFFF;
			border-radius: 50%;
			transition: left 0.3s;
			font-size: 12rpx;
			font-weight: bold;
			left: 70rpx;
		}
	
		.custom-switch-checked .custom-switch-handle {
			left: 8rpx;
			background-color: #8C99A7;
		}
	
		.custom-switch-text-open-handle {
			position: absolute;
			top: -4rpx;
			left: 74rpx;
			transition: left 0.3s;
			font-size: 24rpx;
			color: rgba(121, 131, 142, 0);
	
	
		}
	
		.custom-switch-checked .custom-switch-text-open-handle {
			color: #79838E;
			left: 54rpx;
			display: block;
		}
	
		.custom-switch-text-close-handle {
			position: absolute;
			left: 18rpx;
			top: -4rpx;
			transition: left 0.3s;
			font-size: 24rpx;
			color: #FFFFFF;
	
		}
	
		.custom-switch-checked .custom-switch-text-close-handle {
			left: -60rpx;
		}
		
		
		.fontBold{
			font-weight: bold;
		}
		
		
		.align_center{
			align-items: center;
		}
		
		.box-sizing{
			box-sizing: border-box;
		}
		
		
		/*Sandbox */
		.body-padding{
			padding-left: 32rpx;
			padding-right: 32rpx;
			box-sizing: border-box;
		}
		
		
		
		.pt6{
			padding-top: 12rpx;
		}
		.h48{
			height: 96rpx;
		}
		.h36{
			height: 72rpx;
		}
		
		.wh48{
			width: 96rpx;
			height: 96rpx;
		}
		
		
		.wh48{
			width: 96rpx;
			height: 96rpx;
		}
		
		.wh80{
			width: 160rpx;
			height: 160rpx;
		}
		
		.abs-bt0{
			position: absolute;
			bottom: 0;
		}
		
		
		
		/*flex */
		.flex{
			display: flex;
		}
		.flex-center{
			display: flex;
			justify-content: center;
		}
		
		.flex-between{
			display: flex;
			justify-content: space-between;
			
		}
		.flex-column{
			display: flex;
			flex-direction: column;
		}
		.column-center{
			align-items: center;
			
		}
		
		.valign-center{
			align-items: center;
			justify-content: center;
		}
		.gap4{
			gap:8rpx;
		}
		
		.gap8{
			gap:16rpx;
		}
		
		.gap12{
			gap:24rpx;
		}
		
		.gap17{
			gap:34rpx;
		}
		
		.gap18{
			gap:36rpx;
		}
		
		
		/*padding */
		
		.padding-12_32_12_32{
			padding: 24rpx 24rpx 24rpx 24rpx;

		}
		
		.pdh16{
			padding: 32rpx;
		}
		
		/*margin */
		.margin-top24{
			margin-top: 48rpx;
		}
		
		.sandDetail-grid {
			width: 100%;
			display: grid;
			grid-template-columns: 4fr 4fr 4fr;
			grid-gap: 32rpx;
			grid-auto-rows: 50rpx;
		}
		
		
		.tag {
			position: relative;
			display: flex;
			height: 64rpx;
			width: 100%;
			
			justify-content: center;
			align-items: center;
			gap: 8px;
			flex: 1 0 0;
			border-radius: 3px;
			background: var(--brand-brand-1-light, #FFF6F0);
		}
		
		.tag-text {
			overflow: hidden;
			color: var(--brand-brand-7-normal, #FB9155);
			text-overflow: ellipsis;
		
			/* Body/Small */
			font-family: PingFang SC;
			font-size: 24rpx;
			font-style: normal;
			font-weight: 400;
			line-height: 40rpx;
			/* 166.667% */
		}
		
		
		.click:active {
			/* padding-top: 6rpx; */
			background-color: rgba(0, 0, 0, 0.1) !important;
		}
		
		.click-scale {
		  transition: transform 0.2s ease-in-out;
		}
		
		.click-scale:active {
		  transform: scale(0.99);
		}
		
		.box-shadow{
		
					box-shadow: 0px 4px 20px 0px rgba(65, 122, 231, 0.10);
					backdrop-filter: blur(10px);
		}
		
.right-Bottom-Class-Item {
		display: flex;
		height: 80px !important;
		line-height: 80px !important;
		justify-content: center;
		align-items: center;
		
		background: linear-gradient(180deg, #49BEFF 0%, #3186FC 100%), #FAFAFA;
		color: #FFF;
		font-family: PingFang SC;
		font-size: 32px;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
		margin-right: 5px;
	}
.right-Bottom-Class-AcItem {
			background: #1B6FD3;
		}
.right-Bottom-Class-box{
		
	}
	
	.zIndex1{
		z-index: 1;
	}
	.zIndex2{
		z-index: 2;
	}
	.zIndex3{
		z-index: 3;
	}